<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<title>SuperheroAdmin - Bootstrap Admin Template</title>
	
	<!-- bootstrap -->
	<link href="css/bootstrap/bootstrap.css" rel="stylesheet" />

	<!-- libraries -->
	<link href="css/libs/font-awesome.css" type="text/css" rel="stylesheet" />

	<!-- global styles -->
	<link rel="stylesheet" type="text/css" href="css/compiled/layout.css">
	<link rel="stylesheet" type="text/css" href="css/compiled/elements.css">

	<!-- this page specific styles -->

	<!-- google font libraries -->
	<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,300|Titillium+Web:200,300,400' rel='stylesheet' type='text/css'>

	<!--[if lt IE 9]>
		<script src="js/html5shiv.js"></script>
		<script src="js/respond.min.js"></script>
	<![endif]-->
	<!--[if lt IE 8]>
		<link href="css/libs/font-awesome-ie7.css" type="text/css" rel="stylesheet" />
	<![endif]-->
</head>
<body>
	<header class="navbar" id="header-navbar">
		<div class="container">
			<a href="index.html" id="logo" class="navbar-brand col-md-3 col-sm-4 col-xs-12">
				<img src="img/logo.png" alt=""/> SuperheroAdmin
			</a>
			
			<button class="navbar-toggle" data-target=".navbar-ex1-collapse" data-toggle="collapse" type="button">
				<span class="sr-only">Toggle navigation</span>
				<span class="fa fa-bars"></span>
			</button>
			
			<div class="nav-no-collapse pull-right" id="header-nav">
				<ul class="nav navbar-nav pull-right">
					<li class="dropdown hidden-xs">
						<a class="btn dropdown-toggle" data-toggle="dropdown">
							<i class="fa fa-warning"></i>
							<span class="count">8</span>
						</a>
						<ul class="dropdown-menu notifications-list">
							<li class="pointer">
								<div class="pointer-inner">
									<div class="arrow"></div>
									<div class="arrow-border"></div>
								</div>
							</li>
							<li class="item-header">You have 6 new notifications</li>
							<li class="item">
								<a href="#">
									<i class="fa fa-comment"></i>
									<span class="content">New comment on ‘Awesome P...</span>
									<span class="time"><i class="fa fa-clock-o"></i>13 min.</span>
								</a>
							</li>
							<li class="item">
								<a href="#">
									<i class="fa fa-plus"></i>
									<span class="content">New user registration</span>
									<span class="time"><i class="fa fa-clock-o"></i>13 min.</span>
								</a>
							</li>
							<li class="item">
								<a href="#">
									<i class="fa fa-envelope"></i>
									<span class="content">New Message from George</span>
									<span class="time"><i class="fa fa-clock-o"></i>13 min.</span>
								</a>
							</li>
							<li class="item">
								<a href="#">
									<i class="fa fa-shopping-cart"></i>
									<span class="content">New purchase</span>
									<span class="time"><i class="fa fa-clock-o"></i>13 min.</span>
								</a>
							</li>
							<li class="item">
								<a href="#">
									<i class="fa fa-eye"></i>
									<span class="content">New order</span>
									<span class="time"><i class="fa fa-clock-o"></i>13 min.</span>
								</a>
							</li>
							<li class="item-footer">
								<a href="#">
									View all notifications
								</a>
							</li>
						</ul>
					</li>
					<li class="dropdown hidden-xs">
						<a class="btn dropdown-toggle" data-toggle="dropdown">
							<i class="fa fa-envelope-o"></i>
							<span class="count">16</span>
						</a>
						<ul class="dropdown-menu notifications-list messages-list">
							<li class="pointer">
								<div class="pointer-inner">
									<div class="arrow"></div>
									<div class="arrow-border"></div>
								</div>
							</li>
							<li class="item first-item">
								<a href="#">
									<img src="img/samples/messages-photo-1.png" alt=""/>
									<span class="content">
										<span class="content-headline">
											George Clooney
										</span>
										<span class="content-text">
											Look, just because I don't be givin' no man a foot massage don't make it 
											right for Marsellus to throw...
										</span>
									</span>
									<span class="time"><i class="fa fa-clock-o"></i>13 min.</span>
								</a>
							</li>
							<li class="item">
								<a href="#">
									<img src="img/samples/messages-photo-2.png" alt=""/>
									<span class="content">
										<span class="content-headline">
											Emma Watson
										</span>
										<span class="content-text">
											Look, just because I don't be givin' no man a foot massage don't make it 
											right for Marsellus to throw...
										</span>
									</span>
									<span class="time"><i class="fa fa-clock-o"></i>13 min.</span>
								</a>
							</li>
							<li class="item">
								<a href="#">
									<img src="img/samples/messages-photo-3.png" alt=""/>
									<span class="content">
										<span class="content-headline">
											Robert Downey Jr.
										</span>
										<span class="content-text">
											Look, just because I don't be givin' no man a foot massage don't make it 
											right for Marsellus to throw...
										</span>
									</span>
									<span class="time"><i class="fa fa-clock-o"></i>13 min.</span>
								</a>
							</li>
							<li class="item-footer">
								<a href="#">
									View all messages
								</a>
							</li>
						</ul>
					</li>
					<li class="hidden-xs">
						<a class="btn">
							<i class="fa fa-cog"></i>
						</a>
					</li>
					<li class="dropdown profile-dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							<img src="img/samples/profile-photo.png" alt=""/>
							<span class="hidden-xs">Scarlett Johansson</span> <b class="caret"></b>
						</a>
						<ul class="dropdown-menu">
							<li><a href="user-profile.html"><i class="fa fa-user"></i>Profile</a></li>
							<li><a href="#"><i class="fa fa-cog"></i>Settings</a></li>
							<li><a href="#"><i class="fa fa-envelope-o"></i>Messages</a></li>
							<li><a href="#"><i class="fa fa-power-off"></i>Logout</a></li>
						</ul>
					</li>
					<li class="hidden-xxs">
						<a class="btn">
							<i class="fa fa-power-off"></i>
						</a>
					</li>
				</ul>
				<form class="navbar-form navbar-right pull-left hidden-xs hidden-sm" role="search">
					<div class="form-group">
						<input type="text" class="form-control" placeholder="Search...">
						<i class="fa fa-search nav-search-icon"></i>
					</div>
				</form>
			</div>
		</div>
	</header>
	<div class="container">
		<div class="row">
			<div class="col-md-2" id="nav-col">
				<section id="col-left">
					<div class="collapse navbar-collapse navbar-ex1-collapse" id="sidebar-nav">	
						<ul class="nav nav-pills nav-stacked">
							<li>
								<a href="index.html">
									<i class="fa fa-dashboard"></i>
									<span>Dashboard</span>
								</a>
							</li>
							<li>
								<a href="#" class="dropdown-toggle">
									<i class="fa fa-bar-chart-o"></i>
									<span>Graphs</span>
									<i class="fa fa-chevron-circle-down drop-icon"></i>
								</a>
								<ul class="submenu">
									<li>
										<a href="graphs-xcharts.html">
											xCharts
										</a>
									</li>
									<li>
										<a href="graphs-flot.html">
											Flot
										</a>
									</li>
									<li>
										<a href="graphs-morris.html">
											Morris &amp; Mixed
										</a>
									</li>
								</ul>
							</li>
							<li>
								<a href="#" class="dropdown-toggle">
									<i class="fa fa-users"></i>
									<span>Users</span>
									<i class="fa fa-chevron-circle-down drop-icon"></i>
								</a>
								<ul class="submenu">
									<li>
										<a href="users.html">
											User list
										</a>
									</li>
									<li>
										<a href="user-profile.html">
											User profile
										</a>
									</li>
								</ul>
							</li>
							<li>
								<a href="#" class="dropdown-toggle">
									<i class="fa fa-edit"></i>
									<span>Forms</span>
									<i class="fa fa-chevron-circle-down drop-icon"></i>
								</a>
								<ul class="submenu">
									<li>
										<a href="form-elements.html">
											Form elements
										</a>
									</li>
									<li>
										<a href="form-wizard.html">
											Form wizard
										</a>
									</li>
									<li>
										<a href="form-wizard-popup.html">
											Form wizard popup
										</a>
									</li>
									<li>
										<a href="form-wysiwyg.html">
											WYSIWYG
										</a>
									</li>
									<li>
										<a href="form-ckeditor.html">
											WYSIWYG CKEditor
										</a>
									</li>
									<li>
										<a href="form-dropzone.html">
											Drop File Upload
										</a>
									</li>
								</ul>
							</li>
							<li>
								<a href="tables.html">
									<i class="fa fa-table"></i>
									<span>Tables</span>
								</a>
							</li>
							<li class="active">
								<a href="typography.html">
									<i class="fa fa-font"></i>
									<span>Typography</span>
								</a>
							</li>
							<li>
								<a href="calendar.html">
									<i class="fa fa-calendar"></i>
									<span>Calendar</span>
								</a>
							</li>
							<li>
								<a href="#" class="dropdown-toggle">
									<i class="fa fa-star"></i>
									<span>Icons</span>
									<i class="fa fa-chevron-circle-down drop-icon"></i>
								</a>
								<ul class="submenu">
									<li>
										<a href="icons-awesome.html">
											Awesome Icons
										</a>
									</li>
									<li>
										<a href="icons-halflings.html">
											Halflings
										</a>
									</li>
								</ul>
							</li>
							<li>
								<a href="#" class="dropdown-toggle">
									<i class="fa fa-desktop"></i>
									<span>UI Elements</span>
									<i class="fa fa-chevron-circle-down drop-icon"></i>
								</a>
								<ul class="submenu">
									<li>
										<a href="ui-elements.html">
											Elements
										</a>
									</li>
									<li>
										<a href="ui-nestable.html">
											Nestable
										</a>
									</li>
								</ul>
							</li>
							<li>
								<a href="gallery.html">
									<i class="fa fa-picture-o"></i>
									<span>Gallery</span>
								</a>
							</li>
							<li>
								<a href="#" class="dropdown-toggle">
									<i class="fa fa-folder-open"></i>
									<span>3 Level Menu</span>
									<i class="fa fa-chevron-circle-down drop-icon"></i>
								</a>
								<ul class="submenu">
									<li>
										<a href="#" class="dropdown-toggle">
											2nd Level
											<i class="fa fa-chevron-circle-down drop-icon"></i>
										</a>
										<ul class="submenu">
											<li>
												<a href="#">
													3rd Level
												</a>
											</li>
											<li>
												<a href="#">
													3rd Level
												</a>
											</li>
											<li>
												<a href="#">
													3rd Level
												</a>
											</li>
										</ul>
									</li>
									<li>
										<a href="#" class="dropdown-toggle">
											2nd Level
											<i class="fa fa-chevron-circle-down drop-icon"></i>
										</a>
										<ul class="submenu">
											<li>
												<a href="#">
													3rd Level
												</a>
											</li>
											<li>
												<a href="#">
													3rd Level
												</a>
											</li>
											<li>
												<a href="#">
													3rd Level
												</a>
											</li>
										</ul>
									</li>
									<li>
										<a href="#">
											2nd Level
										</a>
									</li>
								</ul>
							</li>
							<li>
								<a href="#" class="dropdown-toggle">
									<i class="fa fa-file-text-o"></i>
									<span>Extra pages</span>
									<i class="fa fa-chevron-circle-down drop-icon"></i>
								</a>
								<ul class="submenu">
									<li>
										<a href="pricing.html">
											Pricing
										</a>
									</li>
									<li>
										<a href="login.html">
											Login
										</a>
									</li>
									<li>
										<a href="login-full.html">
											Login full
										</a>
									</li>
									<li>
										<a href="invoice.html">
											Invoice
										</a>
									</li>
									<li>
										<a href="emails.html">
											Emails
										</a>
									</li>
									<li>
										<a href="faq.html">
											FAQ
										</a>
									</li>
									<li>
										<a href="error-404.html">
											Error 404
										</a>
									</li>
									<li>
										<a href="error-404-v2.html">
											Error 404 Nested
										</a>
									</li>
									<li>
										<a href="error-500.html">
											Error 500
										</a>
									</li>
									<li>
										<a href="extra-grid.html">
											Grid
										</a>
									</li>
								</ul>
							</li>
						</ul>
					</div>
				</section>
			</div>
			<div class="col-md-10 col-sm-11" id="content-wrapper">
				<div class="row">
					<div class="col-lg-12">
						
						<h1>Typography (page header h1)</h1>
						
						<div class="row">
							<div class="col-lg-12">
								<div class="main-box">
									<h2>Heading 2 (h2)</h2>
									
									<p class="lead">
										You think water moves fast? You should see ice. It moves like it has a mind. Like it knows it 
										killed the world once and got a taste for murder. After the avalanche, it took us a week to climb out. 
									</p>
									<p>
										Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently 
										than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact 
										same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal 
										it may seem, we are connected, you and I. We're on the same curve, just on opposite 
										<abbr title="attribute">ends</abbr>.
									</p>
									<p>
										Now that there is the Tec-9, a crappy spray gun from South Miami. This gun is advertised as the most 
										popular gun in American crime. Do you believe that shit? It actually says that in the little book that 
										comes with it: the most popular gun in American crime. Like they're actually proud of that shit.
									</p>
									
									<h3><span>Heading 3 (h3)</span></h3>
									
									<div class="row">
										<div class="col-md-6">
											<h4>Heading 4 (h4)</h4>
											<p>
												Well, the way they make shows is, they make one show. That show's called a pilot. Then they show 
												that show to the people who make shows, and on the strength of that one show they decide if they're 
												going to make more shows. Some pilots get picked and become television programs. Some don't, become 
												nothing. She starred in one of the ones that became nothing.
											</p>
										</div>
										<div class="col-md-6">
											<h4>Heading 4 (h4)</h4>
											<p>
												Well, the way they make shows is, they make one show. That show's called a pilot. Then they show 
												that show to the people who make shows, and on the strength of that one show they decide if they're 
												going to make more shows. Some pilots get picked and become television programs. Some don't, become 
												nothing. She starred in one of the ones that became nothing.
											</p>
										</div>
									</div>
									
									<h5>Heading 5 (h5)</h5>
									
									<p>
										<small>
											SMALL - Look, just because I don't be givin' no man a foot massage don't make it right for Marsellus 
											to throw Antwone into a glass motherfuckin' house, fuckin' up the way the nigger talks. Motherfucker 
											do that shit to me, he better paralyze my ass, 'cause I'll kill the motherfucker, know what I'm sayin'?
										</small>
									</p>
									<br/>
									
									<blockquote>
										<p>
											The reason for Hugo Stiglitz’s celebrity among German soldiers is simple. As a German enlisted man, 
											he killed thirteen Gestapo officers. Instead of putting him up against a wall, the High Command 
											decided to send him back to Berlin, to be made an example of. Needless to say, once the Basterds 
											heard of him, he never got there.
										</p>
										<small>
											<cite title="Source Title">Source Samuel L Ipsum</cite>
										</small>
									</blockquote>
									
									<h5>Definition List</h5>
									
									<dl class="dl-horizontal">
										<dt>Description lists</dt>
										<dd>A description list is perfect for defining terms.</dd>
										
										<dt>Is she dead, yes or no?</dt>
										<dd>Now that we know who you are, I know who I am. I'm not a mistake!</dd>
										<dd>It all makes sense! In a comic, you know how you can tell who the arch-villain's going to be?</dd>
										
										<dt>We happy?</dt>
										<dd>The path of the righteous man is beset on all sides by the iniquities of the selfish.</dd>
										
										<dt>You think water moves fast? You should see ice.</dt>
										<dd>
											You think water moves fast? You should see ice. It moves like it has a mind. Like it knows it 
											killed the world once and got a taste for murder.
										</dd>
									</dl>
									
								</div>
							</div>
						</div>
						
						<div class="row">
							<div class="col-md-6">
								<div class="main-box">
									<h2>Other Blockquotes & Tooltips</h2>
									<br/>
									<br/>
									
									<blockquote>
										<p>
											 I want you to go in that bag, and find my wallet. It's the one that says Bad Motherfucker.
										</p>
									</blockquote>
									<br/>
									<br/>
									
									<div class="clearfix">
										<blockquote class="pull-right">
											<p>
												When your friends betray you, sometimes the only people you can trust are strangers.
											</p>
										</blockquote>
									</div>
									<br/>
									<br/>
									
									<div class="alert alert-info">
										Enough is enough! I have had it with these motherfucking snakes on this 
										<a href="#" class="alert-link">motherfucking plane</a>!
									</div>
									<br/>
								</div>
							</div>
							
							<div class="col-md-6">
								<div class="main-box">
									<h2>All kinds of lists</h2>
									
									<h3><span>Font Awesome List</span></h3>
									<ul class="fa-ul">
										<li><i class="fa-li fa fa-check-square"></i>List icons (like these)</li>
										<li><i class="fa-li fa fa-check-square"></i>can be used</li>
										<li><i class="fa-li fa fa-spinner fa-spin"></i>to replace</li>
										<li><i class="fa-li fa fa-square"></i>default bullets in lists</li>
									</ul>
									
									<h3><span>Unordered List</span></h3>
									<ul>
										<li>
											Item 1
										</li>
										<li>
											Item 2
											<ul>
												<li>Subitem 2-1</li>
												<li><strong>Subitem 2-2 (Bold)</strong></li>
												<li><em>Subitem 2-1 (Italic)</em></li>
											</ul>
										</li>
									</ul>
									
									<h3><span>Ordered List</span></h3>
									<ol>
										<li>Ordered Item 1</li>
										<li>Ordered Item 2</li>
										<li>Ordered Item 3</li>
									</ol>
									
								</div>
							</div>
						</div>
						
					</div>
				</div>
			</div>
		</div>
	</div>
	<footer id="footer-bar">
		<p id="footer-copyright">
			&copy; 2014 <a href="http://www.adbee.sk/" target="_blank">Adbee digital</a>. Powered by SuperheroAdmin.
		</p>
	</footer>
	
	<!-- global scripts -->
	<script src="js/jquery.js"></script>
	<script src="js/bootstrap.js"></script>
	
	<!-- this page specific scripts -->

	
	<!-- theme scripts -->
	<script src="js/scripts.js"></script>
	
	<!-- this page specific inline scripts -->
	
</body>
</html>